<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>	</title>
	<style type="text/css">
			.pp{height: 300px;
				background: red;}
			.er{font-size: 50px;
				color: green;
				/*如果有冲突，下面的覆盖上面的*/
			    background-color: pink;}
		</style>
</head>
<body>
	<!-- class 类选择器: .+类名
            class起的名字可以重复,可以起多个，多个类名可以用空格隔开
	          -->
     <!-- 用class起个名字 -->
	<p class="pp">aaaaa</p>
	<p class="pp er">bbbbb</p>
</body>
</html>